<template>
  <!-- (3) template里面一定要在外面加一个根元素(一般是div) 
       (5) 为什么vue里面的template就可以被解析，不是引入的残缺版的vue.js吗？
           因为package.json文件中有专门的插件：vue-template-compiler负责编译vue文件的模板文件
  -->
   <div>
     <School></School>
   </div>
</template>

<script>
/**
 *  (1) 引入后呈灰色状态表示定义了但是没使用；
 *  (4) 后缀.vue可写可不写
 * */
import School from './components/School.vue'

  export default {
      name:'App',
      data(){
         
      },
      // (2) App组件就相当于组长，把各个组件收集过来，形式上类似于非单文件组件中new Vue中装配一样
      components:{
          School
      }
  }
</script>

<style>

</style>